<template>
  <div class="console-recharge">
    <el-row>
      <el-select v-model="link" style="width: 25%;margin-right: 1%;" placeholder="请选择">
        <el-option v-for="item in linkOption" :key="item.value" :label="item.name"
          :value="item.value">
        </el-option>
      </el-select>
      <el-button type="primary">开始</el-button>
      <el-button>停止</el-button>
      <el-button>云端已停止</el-button>
    </el-row>
    <div class="run">
      <div>请选择要测试的域名，点击<span class="bgf">开始</span>按钮启动测试</div>
      <div>请先完成<span class="bgf">功能细节设置</span>后再运行任务</div>
      <div>手动采集运行中<i class="el-icon-loading"></i></div>
    </div>
    <div class="tooltips">注意：本页面是为测试而设计，有速度限制，如需不限速，请开启云端自动运行。</div>
    <div class="desc">
      <span>
        <span class="title">常见问题</span>
        <br />运行采集任务之前，哪些设置是必须的？
        <br />1. 添加一个站点。
        <br />2. 为站点添加一个任务，每个任务设定任务目标。
        <br />3. 如果使用私有词库，需要先上传关键词再添加任务才能绑定。
        <br />4. 功能细节设置页面完成设置，点击保存按钮。
        <br />多久才能采集到文章？
        <br />1. 每个站点首次运行采集任务，需要等待几分钟才能采集到文章，后续运行任务会快一些。
        <br />2. 不同关键词内容丰富程度不同，尽量多添加关键词，少使用指定网站采集，可以提高采集效率。
        <br />采集到文章后，如何获取文章内容？
        <br />1. 如需自动发布到站点，请安装接口文件，并把文章交付方式设为自动发布。
        <br />2. 如需手动获取文章，或需先编辑再发布，请把文章交付方式设为把文章放到文章暂存库。
        <br />如何开启采集任务？
        <br />1. 手动运行测试页面可以自行开启和关闭任务，点击停止按钮或关闭页面后任务就会停止。
        <br />2. 功能细节设置页面设有自动运行开关，开启之后服务器即会自动运行任务。
      </span>
    </div>
  </div>
</template>
<script>
import request from '@/utils/request'
export default {
  components: {
  },
  name: 'Recharge',
  data() {
    return {
      link: 1,
      linkOption: [
        {
          name: 'd9141c.mp 未绑定',
          value: 1
        }, {
          name: '80834d.mp 未绑定',
          value: 2
        }, {
          name: 'b9fe47.mp 未绑定',
          value: 3
        }, {
          name: '8089f2.mp 未绑定',
          value: 4
        }, {
          name: '705d54.mp 未绑定',
          value: 5
        },
      ],
    }
  },
  computed: {
  },
  watch: {
  },
  mounted() {
  },
  methods: {
    
  }
}
</script>

<style lang="scss" scoped>
.console-recharge {
  padding: 20px;
  .run {
    background-color: #000;
    color: #fff;
    margin-top: 10px;
    padding: 10px;
    height: 200px;
    .bgf {
      background-color: #fff;
      color: #000;
    }
  }
  .tooltips {
    margin-top: 5px;
  }
  .desc {
    margin-top: 40px;
    .title {
      font-size: 20px;
    }
    span {
      line-height: 2;
    }
  }
}
</style>
